* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* 默认灰色 */
#app {
	width: 100%;
	min-height: 100vh;
	background-color: #F2F2F2;
	overflow-x: hidden;
}

/* 白色背景 */
.page {
    width: 100%;
	min-height: 100vh;
	background-color: #FFF;
	overflow-x: hidden;
}

/*  -- flex弹性布局 -- */

.f {
	display: flex;
}

.fd-c {
	flex-direction: column;
}

.fw-w {
	flex-wrap: wrap;
}

.ai-fs {
	align-items: flex-start;
}

.ai-fe {
	align-items: flex-end;
}

.ai-c {
	align-items: center;
}

.ai-s {
	align-items: stretch;
}


.as-fs {
	align-self: flex-start;
}

.as-fc {
	align-self: flex-center;
}

.as-fe {
	align-self: flex-end;
}

.as-s {
	display: flex;
	align-self: stretch;
}


.jc-fs {
	justify-content: flex-start;
}

.jc-fe {
	justify-content: flex-end;
}

.jc-c {
	justify-content: center;
}

.jc-sb {
	justify-content: space-between;
}

.jc-sa {
	justify-content: space-around;
}

/* 单行省略 */
.t-o-e {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 两行省略 */
.w-l-c {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


input {
	background: none;
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
}

/* 自定义整个滚动条，设置滚动条的宽度 */
div::-webkit-scrollbar {
	width: 0;
	height: 0;
}

/* object-fit:
contain	保持原有尺寸比例。内容被缩放。
cover	保持原有尺寸比例。但部分内容可能被剪切。
none	保留原有元素内容的长度和宽度，也就是说内容不会被重置。
scale-down	保持原有尺寸比例。内容的尺寸与 none 或 contain 中的一个相同，取决于它们两个之间谁得到的对象尺寸会更小一些。
initial	设置为默认值
inherit	从该元素的父元素继承属性。 */